    <!-- body  -->
    <div id="body-display">
        
        
        <!-- menu-left  -->
        <div id="menu-left">
        <?php include_component('componentes','categoria') ?>
             
        </div>
        <!-- end menu-left  -->


        <!-- content-center  -->
         <div id="content-centerP">


<div class="menu-int">

<li class="menu-int-li borderCornersTop backgroundWhite">CATEGORIA ></li>
<div class="menu-int-content borderCornersBottom">
    <table border="0" cellpadding="2" cellspacing="2">
   <?php 
   $counter=1;
   foreach ($pager->getResults() as $producto){ 
       
       if($counter==1){
          echo  "<tr>";
       }

       ?>
        <td class="jwj_productoContent">

      
        <input type="hidden" id="nombre<?php echo $producto->getId() ?>" value="<?php echo $producto->getNombre() ?>"/>
        <input type="hidden" id="url<?php echo $producto->getId() ?>" value="<?php echo $producto->getNombre() ?>"/>
        
            
            
    
            <table border="0">
                <tr>
                    <td ><div id="jwj_productoImagen">
         <?php
         if($producto->getArchivo()->getFirst()){
            if($producto->getArchivo()->getFirst()->get('nombre')) {
                echo '<img alt="'.$producto->getNombre().'" width="195" height="195" border="0" src="http://call.sisapp.us/uploads/productos/'.$producto->getArchivo()->getFirst()->get('nombre').'" >';
         }}else {?>
             <img alt="<?php echo $producto->getNombre() ?>" width="195px" height="195" src="<?php  echo ('/images/img_no_disp_es.jpg'); ?>" />
         <?php }?>
                    </div></td>
                    <td class="jwj_productoDifusion">
                        
                    </td>
                </tr>
            </table>
        
        
        <div id="jwj_productoTitulo">
            <a href="<?php echo url_for('producto_show', $producto); ?>"><?php  echo $producto->getNombre(); ?></a>
        </div>
        <div id="jwj_productoMancheta">
            <?php  echo $producto->getMancheta(); ?><br>            
        
        <table border="0" width="100%">
            <tr>
                <td>(<a style="color: navy; font-size: 10px;" alt="<?php  echo $producto->getNombre(); ?>" href="<?php  echo url_for('producto_show', $producto); ?>">+ Ver más</a>)</td>
                <td align="right">
                    <?php  foreach ($producto->getProductoPrecio() as $precios){ ?>
                    <input type="hidden" id="precio<?php echo $producto->getId() ?>" value="<?php  echo $precios->getPrecio();  ?>"/>
                    
                    <?php } ?>
                </td>
            </tr>
        </table>
        </div>
                </td>
        <?php
        
        if($counter==3){
          echo  "</tr>";
          $counter=0;
        }
        $counter++;
        
        } ?>
</table>

<div class="clear"></div>

<div id="paginacion">
<?php if ($pager->haveToPaginate()): ?>
    <a class="paginacionBoton" href="<?php echo url_for('categoria_show', $categoria) ?>?page=1"><<</a>
    <a class="paginacionBoton" href="<?php echo url_for('categoria_show', $categoria) ?>?page=<?php echo $pager->getPreviousPage() ?>"><</a>
    
    <?php foreach ($pager->getLinks() as $page): ?>
      <?php if ($page == $pager->getPage()): ?>
        <font class="paginacionBotonOff"><?php echo $page ?></font>
      <?php else: ?>
        <a class="paginacionBoton" href="<?php echo url_for('categoria_show', $categoria) ?>?page=<?php echo $page ?>"><?php echo $page ?></a>
      <?php endif; ?>
    <?php endforeach; ?>

    <a class="paginacionBoton" href="<?php echo url_for('categoria_show', $categoria) ?>?page=<?php echo $pager->getNextPage() ?>">></a>

    <a class="paginacionBoton" href="<?php echo url_for('categoria_show', $categoria) ?>?page=<?php echo $pager->getLastPage() ?>">>></a>

<?php endif; ?>
    <?php echo "<font class=\"paginacionStatus\" > Total Registros ". $pager->getNbResults()." <b>( ".$pager->getFirstIndice()."</b> hasta <b>".$pager->getLastIndice()." )</b></font>"; ?>
    
    
    <div class="clear"></div>
</div>



<div class="clear"></div>
</div>
</div>




    <div class="clear"></div>

    
</div>

         
        
        </div>
        <!-- end content-center  -->
        <script>
        function AddBoton(id) {
            var data= "id="+id+"&nombre="+$("#nombre"+id).val()+"&cantidad=1&precio="+$("#precio"+id).val();
            $.post("<?php echo url_for('shopping/update')?>", data, function(theResponse){
                                
				$("#carrito-content").html(theResponse);
				$("#carrito-content").slideDown('slow');
				slideout();
			});
        
        }
        
        function AddCompare(id) {
            
            var data= "id="+id+"&nombre="+$("#nombre"+id).val()+"&cantidad=1&precio="+$("#precio"+id).val();
            $.post("<?php echo url_for('producto/comparacionUpdate')?>", data, function(theResponse){
                                
                                $("#comparar-content").html(theResponse);
				$("#comparar-content").slideDown('slow');
                                slideout();
			});
            
         }

        function AddWish(id) {

            var data= "id="+id+"&nombre="+$("#nombre"+id).val()+"&cantidad=1&precio="+$("#precio"+id).val();
            $.post("<?php echo url_for('producto/wishUpdate')?>", data, function(theResponse){
                                
                                $("#wish-content").html(theResponse);
				$("#wish-content").slideDown('slow');
                                slideout();
			});

         }    
    </script>     